Shared Preferences 

Buat dahulu sebuah project 

Bawakan flutter bikin ulang terlebih dahulu 
Stl myApp 

Return material 

Home: homepage() 

Lalu buat file home_page.dart 

Stf homepage 
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B® dart to: runApp( 
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View Help 


({ ? key}) : 


doverride 


build( 


home: 


); 


LSP 
24 
[Error - 3:02:17 AM] Request textDocument/colorPresentation 
failed. 
Message: Invalid line number 
OUTUNE Code: -32004 
) TIMELINE 24 
DEPENDENCIES 


PARSEE 
A ml KI SSA 
Lalu import homepage() 
Di homepage 
Return appbar text Prefes 
Mau buat aplikasi sederhana yaitu counter 
Body center child row main axismain center 
Children pertama elevetedButoon onpres kosong child nya minus - 
Kedua copy elevated buton yg + 
Ketiga text sementara 0 
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xX] File Edit Selection View Go Run Terminal 


a XPLORE " 9 Q Q homepage.dart X 
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m dart to = 
7 class _ ePageState extends State<HomePage> ( 


@override 
Widget build( text context) { 


mainAxisAlignment: MainAxisAl nt. center, 
children 
Elev itton(onPressed: () {}, child: Text 


iButton(onPressed: () {}, child: Text( 


OUTPUT 


24 
[Error - 3:02:17 AM] Request textDocument/colorPresentation 
failed. 
Message: Invalid line number 
OUTUNE Code: -32004 
TIMELINE 24 
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02:54 
Di) Ke Cilik SISI 


Text bungkus dgn padding padding 20 | 
Untuk text kasih style nya font size 30 
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J File Edit Se yi Run Terminal Help homepagedart - prefs project 


Q XPLORE 2 à Q homepage.dart X 


return S 
appBar: 4 
title 


mainAxisAlignment: Ma sAlignment.center, 
children: [ 
itton(onPressed: () (), child: Text 


OUTPUT 


24 
[Error - 3:02:17 AM] Request textDocument/colorPresentation 
failed. 
Message: Invalid line number 
OUTLINE Code: -32004 
TIMELINE 


Dependencies 
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PACER @ea 


03:17 
> ike mi) Eit Sisik 


Lalu hapus keting biru nya 

For file 

Ketika di klik + maka bertambah sama degn seperti - 
Kita buat variabel nya 
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Tools View Help 


" D Q Q homepage.dart @ 


PREFS_PROJECT 


int numberCount 
@override 
age dart Widget build( ldContext context) { 
return Scaffol 
appBar: ar( 
title: xt( 
» 
body: ( 
child 
mainAxisAlignment: MainAx gnment.center, 
children: | 
Elevat stton(onPressed: () {}, child: Tex 
C=, 


OUTPUT 


24 
[Error - 3:02:17 AM] Request textDocument/colorPresentation 
failed. 
Message: Invalid line number 
OUTUNE Code: -32004 
> TIMELINE 24 
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Di text kasih numbercount to string 
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XI File Edit Selection View Go Run Terminal Help homepage.dart - prefs project 


oO XPLORE " D 1 Q homepage.dart X 
PREFS_PROJECT 
m dart to return 
appBar: 
title 
» 
body: Center( 
child: ( 
mainAxisAlignment: MainAxisAlignment.center 
children: [ 
utton(onPressed: () {}, child: Text 


padding: const EdgeInsets.all(20.0), 
child: Text( 

numberCount.toString(), 

style: Texts e(fontSize: 30), 
), 


prefs_projectiml 


OUTPUT 


24 
[Error - 3:02:17 AM] Request textDocument/colorPresentation 
failed. 
Message: Invalid line number 
OUTUNE Code: -32004 
TIMELINE 


ndencies 
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A ð G= Ad 0:05 Ø 
04:08 19:34 


WD) Ke DU 552 Me 0) 
Tingaal buat function incerement untuk menambahkan angka number tambah 1 
Begitu juga dencrement 

Jgn lupa karna statefull buat setstate 
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Media Playback Audio Video Subtitle Tools View Help 


x] File Edit Selection View Go 


D mom HN sala 


PREFS PROJECT í 


Run Terminal Help 


020 6 


& homepage.dart X 


int numberCount = @; 
void increment() ( 
setState(() { 
numberCount++; 
D; 
} 


void decrement() { 
setState(() { 
numberCount - -; 
Ð; 
) 


@override 
Widget build( 
return Sc 


ontext context) ( 


D ourpur 

24 

[Error - 

failed. 
Message: Invalid line number 
Code: -32004 


3:02:17 AM] Request textDocument/colorPresentation 


OUTLINE 
> TIMELINE 
DEPENDENCIES 


ependencies 


A GB 4 4) 03:06 Ø 


05:01 
TEZOT AT AEA 


Kasih dibutton nya functionnya 
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Q homepage.dart X 


PREFS_PROJECT 


children: 
Eleva itton( 
onPressed: () { 
decrement(); 
h 
child: Text( )), 
Padding( 
padding: const EdgeInset 
child: Text( 
numberCount.toString(), 
style: TextStyle(fontSize: 30), 


„all(29.0), 


onPressed: () { 
increment(); 


[Error - 

failed. 
Message: Invalid line number 
Code: -32004 


3:02:17 AM] Request textDocument/colorPresentation 
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T mela [| Ein (RSX 
Maka ini berfungsi 
Kemudian apa hubungan dengan shared Preferences coba 


Yaitu Ketika di angka 11 kita restart maka Kembali dgn 0 


Ini nilai akan mengikuti nilai awal tidak tersave kita ingin menyimpan nilai didalam 
sebuah memory atau storage yaitu mengunkan Shared Preferences 
Ketika pakai shared preferences data disimpan di memory aplikasi walaupun 


aplikasi sudah di restart maka nilai tetap sama 


Sebelumnya instal terlebih dahulu 
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Media Playback Audio Video Subtitle Tools View Help 
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€ C O ú pub.dev/pack r nce * O @ 


Signin Help 


Flutter 
Favorite 


shared_preferences 2.0.13 a a 


Published 3 months ago: & flutter.dev ( Null safety 


SDK | FLUTTER PLATFORM | ANDROID LINUX MACOS WEB WINDOWS 5.4K 


5443 120 100 


Readme Changelog Example Installing Versions Scores 


Publisher 


Shared preferences plugin 


© flutter.dev 


Metadata 


ps platform-specific persistent storage for simple data (NSUserDefaults on iOS and macOS 


Flutter plugin for reading 
). Data may be persisted to disk asynchronously, and there is no guarantee and writing simpl: y- 


SharedPreferences on Android, 


that writes will be persisted to disk after returning, so this plugin must not be used for storing critical data value pairs. Wrap: 


NSUserDefaults on iOS 


Supported data types are int, double, bool, String and List<String and SharedPreferences on 
Android 
KR: Xx RA AA KRR, 
06:42 
II Ew CD SSM 
Intsal saja save maka diaakan menget package nya 
A 5. Shared Preferences.mp4 - VLC media player = x 


Media Playback Audio Video Subtitle Tools View Help 


Selection View Run Terminal Help 


9 pubspecyaml X J EL * 16 
PREFS_PROJECT 
M dart to 


Q Signin Help 
IÐ android 


& 


Flutter 
Favorite 


6443 120 100 


ublisher 


Ð flutter.dev 


jata 


lutter plugin for reading 
and writing simple key- 
alue pairs. Wraps 

ounan SUserDefaults on iOS 
TIMELINE pnd SharedPreferences on 
DEPENDENCIES Android 


merorenee?BSBoer xXx DAG gaw Ad | 
06:57 ae 


Maka dia otomatis menambhakn file 
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Media Playback Audio Video Subtitle Tools View Help 
Run Terminal Help generated plugin registrant efs V dio... Ð Q O | 08 


generated plugin registrant.dart X 
PREFS PROJECT 
im dart tc 


Sign in 


Flutter 
ted plugin registrant.dart Favorite 


6443 120 100 


registerPlugins ( -egistrar) { 
ith(regi ar); Publisher 


Ð flutter.dev 


e ta 


lutter plugin for reading 
hnd writing simple key: 
alue pairs. V 


OUTLINE 
> TIMELINE 


DEPENDENCIES 


07:11 19:34 
I Rim Gw SS a 
Tidak usah diubah biarin aja 
Focus pada aplikasi kita 
Untuk meninstalisasi kita perlu 
Butuh variable prefs yg isinya yg memangil shared prences 
A 5. Shared Preferences.mp4 - VLC media player - x 
Media Playback Audio Video Subtitle Tools View Help 
4 shar x + - @ 
€ C Q @ pubdev/pack r * 0106 
G o H? Maps @ INTRODU 
youye Repusnury (onnu) = 
View/report issues 
To use this plugin, add shared preferences as a dependency in your pubspec.yaml file. 
Documentation 
Examples 
API reference 
Here are small examples that show you how to use the API 
License 
Write data 
BSD-3-Clause (LICENSE) 
/ Dependencies 
final prefs = MEENA erences.getInstance() 
flutter, 
await prefs.setInt( counter ð); shared_preferences_andro 
await prefs.setBool('repeat true) shared prefere 
shared preferei N 
await prefs.setDouble('decimal shared_preferences_maco 
await prefs.setString('action Start'); slit ina lð 
await prefs.setStringList('items', <String>['Earth', ‘Moon’, 'Sun'] rm. interface, 
shared preferences web, 
shared preferences wind 
W: 
Read data 
Mor 
LØ eU Bao xX 
07:38 19:34 
Ii tel lw Ssix mi 


Jadi sebelum memkai kita panggil dahulu dgn cara SharedPreferences.getinstance 
artinya memanggil 

Disni buat function save data 

Guna bya untuk save data 


Ketika di tambah maka diakan save memory disahredPreferences 
Pertma gunaka async kearena memakai await 
Ketika di ketik SharedPreferences maka dia kan menimport package 


A 5. Shared Preferences.mp4 - VLC media player - x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection Viev Run Terminal Help ge.dart - prefs pro 


Q EX D È homepage.dart € 
PREFS PROJECT 


decrement() { 
setState(() { 
numberCount--; 


Ð; 


plugin_registrant.dart ) 


saveData() 


pref .getInstance(); 


build( context) { 


appBar: 


3, DEBUG CONSOLE 


OUTLINE 
TIMELINE 


DEPENDENCIES 


Ti KE K Sisik M K 
Ketika sudaqh dipangil 

Kita akan membuat memry 

Disni ada banyak 


A 5. Shared Preferences.mp4 - VLC media player - x 
Media Playback Audio Video Subtitle Tools View Help 

4 shar ref f x + — fa] x 
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API reference 
Here are small examples that show you how to use the API 


License 


Write data 
BSD-3-Clause (LICENSE) 


£ Dependencies 
final prefs await SharedPreferences.getInstance( 
flutter 
await prefs.setInt( ' counter ø); shared_preferences_andro 
id, 
await prefs.setBool(' repeat true) shared_preferenc 


shared. preferei 
await prefs.setDouble('decimal', 1.5); shared_preferences_maco 


await prefs.setString( ‘action Start’); R 
shared_preferences_platfo 


await prefs.setStringList('items', <String>['Earth Moon Sun')) rm. interface, 
shared preferences web, 
shared preferences wind 


ows 
Read data 
More 
Packages that depend on 
final int? counter prefs.getInt('counter'); shared preferences 
final bool? repeat = prefs.getBool(' repeat'); 
final double? decimal = prefs.getDouble( 'decimal') 
KOS EK Ce Tv e Dao» í< TAG Ad on Øl 


mi Ka (Ct SIS a | 
Pertama setint artinya untu memory untuk tipe data integer 
Dan begitu semua nya 


Kita pakai setInt karna data kita integer 

Key apa key terserah karna buat counter bikin counter 
Value dari numberCount 

Ketika dijalan kan dia akan mensave data nya 

Kemudian buat terlebih dahulu perbandingan 

Karna tekan tombol perkali2 karna akan menjadi duplikasi 
Dia akan berkali2 

Untuk mencegah buat perbandingan 

Ketika if data ini ada dia akan getlnt 

getint adalah untuk mendapatkan nilai memory yg kita buat 
tidak sama dgn null artinya key nya ada maka kita hapus dahulu remove ketik key 
counter 

Ketika sudah diremove maka kita buat lagi 
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Media Playback Audio Video Subtitle Tools View Help 


homepage dart - prefs project - Visual Studio € 


homepage.dart X 
PREFS_PROJECT 


m datt numb 


„getInstance(); 


) ú 


, numberCount); 


loverride 


build( 


OUTLINE 
TIMELINE 
DEPENDENCIES 


TOT 6 OCB BM» o o 


Tilda HEALE EP OI 
Berikutnya tidak ada masalh 

Tingal kita jalankan 

Function kita saveData di increment juga 
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Media Playback Audio Video Subtitle Tools View Help 


Selection View Go Run Terminal Help homepage dart - prefs_proje ) Code DUO): 
" D Ý ü Q homepage.dart X 
PREFS_PROJECT í g 
im dartto setState(() { 


numberCount--; 


Ð; 


saveData(); 


d saveData() asy { 
final prefs = await SharedPre es.getInstance(); 


if (prefs.getInt( != null) { 
prefs.remove( 


} 


await prefs.setInt( , numberCount) ; 


OUTLINE 
> TIMELINE 
DEPENDENCIES 


2 AD BGS EZ 03:4 
12:29 19:34 


I mp SW Bs <) aM) 
Ketika kita restart kita jalankan maka masih erorini 

Kalau ada eror seperti ini maka distop dahulu baru jalankan 

Logika seperti data nya dijalankan maka 

Dia hapus dahulu baru bikin lagi 


A 5. Shared Preferences.mp4 - VLC media player - x 
Media Playback Audio Video Subtitle 


Tools View Help 


XI File Edit Selection View Go Run Terminal Help homepage.dart - prefs project 


D EX E " 9 Ol & homepage.dart X 
PREFS_PROJECT ` 


M dart too body: Center( 


child: R 
mainAxisAlignment ainA A nt.center, 
children: | 
Elevated on( 
onPressed: () { 
decrement(); 
IÐ 
child: Text( )), 
Padding( 
padding: const Edge all(20.0), 


child: Text( 
numberCount.toString(), 
style: Text le(fontSize: 


OUTLINE 
TIMELINE 
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TE) temp calm ERE 0 
Maka tidak ada masalh 
Kita print counter nya memory yg isinya counter 
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PREFS_PROJECT 


Tools View Help 


Æ dart to saveData(); 


d saveData() asyr 

final prefs = await S 

if (prefs.getInt( != null) { 
prefs.remove( 


} 


it prefs.setInt( t , numberCount); 
print(prefs.getInt( ))5 
} 


@override 
Widget build(Bu Context context) { 


DEBUG C 


g=14.16ms min=4.84ms max=159.69ms 


OUTLINE 
TIMELINE 
DEPENDENCIES 


mi lm Da) lt SIS p 
Letakan ke mint -10 

Kita restart 

Disni masih ada kesalahan masih ulang 

Karena belum men save data kita sudah save data tapi kita belum mengetdata dari 
memory kita 

Cara getdata 

Mengunkan initState untuk function dijalankan pertama kali dan hanya sekali 
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" Ð Q Q homepage.dart @ 


PREFS_PROJECT í t c D initState 
m dart too it (prets.getint( ) t= null) { 
prefs.remove( ); 


i 


await prefs.setInt( , numberCount); 


@override 
void initState() ( 


super.initState(); 


} 


Goverride 
Widget build C xt context) ( 


2) DEBUG CONSOLE 


EGL_emulatio 6 app_time_stats 


flutter 
flutter 
D/EGL_emu 267 t vg=14.25ms min=4.79ms max=107.96ms co 
Reloaded 
vu D/EGL emula 7 1 s: avg=897.68ms min=4.85ms max=8020.78ms count- 
> TIMELINE 


DEPENDENCIES 


2 di 03:17 


16:12 19:34 


Buat function lagi Namanya get data 


Print nya dihapus dahulu 

Tipe nya async karna pakai await 

Kita setState kita pangil datanya 

numberCount di awal mulai ingin samakan nilai sama dgn prefs.getlnt key counter 
ini kerena get int nya null nuble kasih tanda seru 
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Tools View Help 


" 9 ol Q homepagedart @ 
PREFS_PROJECT c 


prefs. ve( 


) 


it prefs.setInt('co » numberCount); 


1 getData() asy { 
final prefs = await SharedPreferences.getInstance(); 
setState(() { 
numberCount = prefs.getInt( )!; 
Ð; 
} 


@override 
void initState() { 
super .initState(); 


2 
D/EGL_emula 2 pt ts: avg-218.14ms min=4.33ms 
24 
I/flutter (222 
1/flutt 
D/EGL emulatic 7 t s: avg=14.25ms min=4.79ms max=107.96ms count=47 
Reloaded 1 of 
el _emulation s: avg=897.68ms min=4.85ms max=8020.78ms count= 
TIMELINE 


DEPENDENCIES 


17:26 = = — = 19:34 


Jadi kita bisa memkai Namanya perbandingan Ketika memorty counter ada maka isi 
terus kalau counter tidak ada ?? 0 maka isi nya 0 
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prefs.remove( 


} 


await prefs.setInt( 'co , numberCount); 


} 


void getData() asy { 
al prefs = await SharedPreferences.getInstance(); 
setState(() { 
numberCount = prefs.getInt( ) 2? @; 
Ð; 
) 


@override 
void initState() { 
super .initState(); 


D DEBUG CONSOLE 
i/tiutter 26 
D/EGL emula' 7) time stats: avg=14.25ms min=4.79ms max=107.96ms count=47 
Reloaded 1 2 785ms 
D/EGL_emulatio 2 | time stats: avg=897.68ms min=4.8 max=8020.78ms count= 
9 
Reloaded 3 
OUAR avg=154416.75ms min=154416.75ms max=154416.7 
) TIMELINE 


DEPENDENCIES 


A D BG @ 4 4) 03:19 


17:57 
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Kemudian kita print di save data 


Kita restart 
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Playback Tools View Help 
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PREFS_PROJECT 


void saveData() asyr 
final prefs = await aredPrefer s.getInstance(); 


erated_plugin_registrant.dart if (prefs tInt( Iz null) ( 
homepage.dart prefs.remove( 


} 


it prefs.setInt( , numberCount); 
nt (prefs.getInt( )); 


void getData() async { 
final prefs 


= await SharedPreferences.getInstance(); 
setState(() { 


analysis_options.yaml 
prefs. project.im 3) DEBUG CONSOLE 
li Restarted a 

D/EGL emulation(2 p. ts: avg=4888.67ms min=4888.67ms max=4888.6 


unt=1 


OUTLINE 
TIMELINE 
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AG Der AW 03:20 Ø 


18:21 
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Nilai O kita tambah menjadi 3 
Lalu restar lagi masih nol karena getData belum kita jalankan 
Jalankan di initState 
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D EX E " < à & homepage.dart X 
PREFS PROJECT c 
M dart too await prefs.setInt( , numberCount); 
print(prefs.getInt( )); 


void getData() asy { 
final prefs = await SharedPreferences.getInstance(); 
setState(() { 
numberCount = prefs.getInt( 
Ð; 
) 


@override 


void initState() ( 
getData(); 
super .„initState(); 


D DEBUGC 


ed applicatic 


OUTLINE 
TIMELINE 
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II Ke Ei SSM mei 
Ini Ketika restart maka nilai tetap ada 


Main dart 


myApp StatefulWidget { 
pp({Key? key}): (key: key); 


@override 
State<myApp> 
} 


_myAppState Is State<myApp> { 
@override 
Widget Id(BuildContext context) { 

MaterialApp( 
home: HomePage(), 
Mi 
} 

} 


Homepage.dart 


; HomePage StatefulWidget { 
HomePage({Key? key}) : (key: key); 


@override 
State<HomePage> ateState() => _HomePageState(); 


} 


_HomePageState State<HomePage> { 
int numberCount = 0; 


numberCount--; 


al); 


aveData() 

prefs = SharedPreferences.getlr 
f (prefs.getint( ) != null) { 
prefs.rer e( Ne 
} 


prefs.setint , numberCount), 


a() async { 
prefs = SharedPreferences. 


(() í 
numberCount = prefs.getint( 


IE 


} 


@override 

void initState() { 
getData(); 
super.initState(); 


} 


@override 
Widget build(BuildContext context) { 
return Scaffold( 
appBar: AppBar( 
title: Text("Shared Preferences"), 
), 
body: Center( 
child: Row( 
mainAxisAlignment: MainAxisAlignment.center, 
children: [ 
ElevatedButton( 
onPressed: () { 
kurang(); 


h 
child: Text('-'), 


), 
Padding( 
padding: const Edgelnsets.all(20.0), 
child: Text( 
numberCount.toString(), 
style: TextStyle(fontSize: 30), 
), 
J 
ElevatedButton( 
onPressed: () { 
tambah(); 
}, 
child: Text('+'), 


